<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>财务分析系统</title>
  <link href="css/style.css" rel="stylesheet" type="text/css"/>
  <style type="text/css">
    *{margin:0; padding:0; margin-left: auto; margin-right: auto; margin-bottom:auto;}
    body{max-width:1024px;BACKGROUND: #F2F3F7; max-height:680px}
    a:focus { outline: none; }
    #tables { position:relative; top:100px; left:0; margin:0;widht: 100%; height: 100%;}
    #subFrame { position:relative; top:0; left:0; margin: 0; widht: 100%; height: 100%;}
    .Line { position:relative; top:0; left:0; margin:0;width: 100%; height: 5px;
    		background: -moz-linear-gradient(left, red, yellow);
    		background: -webkit-gradient(linear, left top, right top, from(red), to(yellow));}
    #bck-image { position:absolute; top:0; left:0; z-index:-1;}
  </style>
</head>
<body id="body_id">
<div id="tables">
	<div id="bck-image">
		<img id="bigPic" src="images/bck.jpg"></img>
	</div>
	<div id="container">
	    <ul id="nav">
	        <li class="navs1" id="selected"><a id="welcome" href="SubWeb/WelcomePage.html" target="iframe_a">首 页</a></li>
	        <li class="navs2" id="s2"><a id="single" href="SubWeb/SingleUserPagw.html" target="iframe_a">单帐户</a></li>
	        <li class="navs3" id="s3"><a id="multi" href="SubWeb/MultiUserPage.html" target="iframe_a">多帐户</a></li>
	    </ul>
	</div>
	<div class="Line">
	</div>
	<div id="subFrame">
		<iframe id="SubWebs" src="SubWeb/WelcomePage.html" name="iframe_a" scrolling=no width=100% height=100% marginwidth=0 marginheight=0 frameborder=0 ></iframe>
	</div>
</div>

	<script src="js/jquery-1.10.0.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.spasticNav.js"></script>
	
	<script type="text/javascript">
	    $('#nav').spasticNav();
	    $(function(){
			cover();
			$(window).resize(function(){
				cover();
			});
		});
		
		function cover(){
			var win_width = $("#body_id").width();
			var win_height = $("#body_id").height();
			
			$("#bigPic").attr({width:win_width,height:win_height});
		};
	</script>
</body>
</html>